<template>
  <div>
    <Navbar></Navbar>
    <div class="with-navbar">
      <Nuxt />
    </div>
    <Footer></Footer>
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
import Navbar from '@/components/layout/Navbar.vue'
import Footer from '@/components/layout/Footer.vue'
export default Vue.extend({
  name: 'DefaultLayout',
  components: {
    Navbar,
    Footer,
  },
})
</script>

<style lang="scss" scoped>
.with-navbar {
  margin-top: 80px;
}
</style>
